<%--
  Created by IntelliJ IDEA.
  User: LYK
  Date: 2017/4/18
  Time: 10:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
	<title>bootstrap-input</title>
	<jsp:include page="/static/commonviews/header.jsp"/>
</head>
<body>

<div class="container">
	<div class="row">
		<div class="col-md-9" role="main">
			<div class="doc-section">
				<h2 class="page-header">Bootstrap  表单</h2>
			</div>

			<div class="doc-section">
				<h3 class="page-header">表单实例</h3>
				<form>
					<div class="form-group">
						<label for="exampleInputEmail1">邮箱地址</label>
						<input type="email" class="form-control" id="exampleInputEmail1" placeholder="邮箱地址">
					</div>
					<div class="form-group">
						<label for="exampleInputPassword1">密码</label>
						<input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码">
					</div>
					<div class="form-group">
						<label for="exampleInputFile">文件</label>
						<input type="file" id="exampleInputFile">
					</div>
					<div class="checkbox">
						<label>
							<input type="checkbox"> 选择我
						</label>
					</div>
					<button type="submit" class="btn btn-default">提交</button>
				</form>
			</div>

			<div class="doc-section">
				<h3 class="page-header">内联表单</h3>
				<form class="form-inline">
					<div class="form-group">
						<label for="exampleInputName2">姓名</label>
						<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
					</div>
					<div class="form-group">
						<label for="exampleInputEmail2">邮箱</label>
						<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
					</div>
					<button type="submit" class="btn btn-default">发送邀请</button>
				</form>
				<br><br>
				<form class="form-inline">
					<div class="form-group">
						<label class="sr-only" for="exampleInputEmail3">邮箱地址</label>
						<input type="email" class="form-control" id="exampleInputEmail3" placeholder="邮箱地址">
					</div>
					<div class="form-group">
						<label class="sr-only" for="exampleInputPassword3">密码</label>
						<input type="password" class="form-control" id="exampleInputPassword3" placeholder="密码">
					</div>
					<div class="checkbox">
						<label>
							<input type="checkbox"> 记住我
						</label>
					</div>
					<button type="submit" class="btn btn-default">登陆</button>
				</form>
				<br><br>
				<form class="form-inline">
					<div class="form-group">
						<label class="sr-only" for="exampleInputAmount">数额</label>
						<div class="input-group">
							<div class="input-group-addon">$</div>
							<input type="text" class="form-control" id="exampleInputAmount" placeholder="数额">
							<div class="input-group-addon">.00</div>
						</div>
					</div>
					<button type="submit" class="btn btn-primary">转换</button>
				</form>


			</div>

			<div class="doc-section">
				<h3 class="page-header">水平排列的表单</h3>
				<form class="form-horizontal">
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3" placeholder="请输入邮箱">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<div class="checkbox">
								<label>
									<input type="checkbox"> 记住我
								</label>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-default">登陆</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<jsp:include page="/static/commonviews/footer.jsp"/>
</body>
</html>
